<!DOCTYPE HTML>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<body class="white-bg">
	<div class="wrapper wrapper-content animated fadeInRight ibox-content">
		<form class="form-horizontal m" id="form-vip-edit" th:object="${vip}">
			<input id="vipId" name="vipId" th:field="*{vipId}" type="hidden">


			<div class="form-group">
				<input type="hidden" th:value="*{tovipId}" id="tovipIdVal">
				<label class="col-sm-3 control-label">会员类型：</label>
				<div class="col-sm-8">
					<select id="tovipId" name="tovipId" class="dropdown-header">

					</select>
				</div>

			</div>

			<div class="form-group">
				<label class="col-sm-3 control-label">会员姓名：</label>
				<div class="col-sm-8">
					<input id="vipName" name="vipName" th:field="*{vipName}"
						class="form-control" type="text">
				</div>
			</div>

			<div class="form-group">
				<label class="col-sm-3 control-label">电话号码：</label>
				<div class="col-sm-8">
					<input id="vipTel" name="vipTel" th:field="*{vipTel}"
						class="form-control" type="text">
				</div>
			</div>

			<div class="form-group">
				<label class="col-sm-3 control-label">购买日期：</label>
				<div class="col-sm-8">
					<input id="vipMfg" name="vipMfg" th:field="*{vipMfg}"
						class="form-control" type="text">
				</div>
			</div>

			<div class="form-group">
				<label class="col-sm-3 control-label">截止日期：</label>
				<div class="col-sm-8">
					<input id="vipExp" readonly name="vipExp" th:field="*{vipExp}"
						class="form-control" type="text">
				</div>
			</div>

			<div class="form-group">
				<label class="col-sm-3 control-label">状态：</label>
				<div class="col-sm-8">
					<input id="vipState" name="vipState" readonly th:field="*{vipState}"
						class="form-control" type="text">
				</div>
			</div>

			<!-- <div class="form-group">	
				<label class="col-sm-3 control-label">备注：</label>
				<div class="col-sm-8">
					<input id="remark" name="remark" th:field="*{remark}" class="form-control" type="text">
				</div>
			</div> -->

		</form>
	</div>
	<div th:include="include::footer"></div>
	<script type="text/javascript">
	
	/* 分界线 */

    $('.form_datetime').datetimepicker({
        //language:  'fr',
        weekStart: 1,
        todayBtn:  1,
		autoclose: 1,
		todayHighlight: 1,
		startView: 2,
		forceParse: 0,
        showMeridian: 1
    });
　　　　$("#vipMfg").datetimepicker({//选择年月日
　　　　　　format: 'yyyy-mm-dd hh:ii:ss',
　　　　　　language: 'zh-CN',
　　　　　　weekStart: 1,
　　　　　　todayBtn: 1,//显示‘今日’按钮
　　　　　　autoclose: 1,
　　　　　　todayHighlight: 1,
　　　　　　startView: 2,
　　　　　　minView: 2,  //Number, String. 默认值：0, 'hour'，日期时间选择器所能够提供的最精确的时间选择视图。

　　　　　　clearBtn:false,//清除按钮

　　　　　　forceParse: 0
　　　　});
$("#vipMfg").on('change',function(){
	　　var thisEntryDate = $("#vipMfg").val();
	　　if(thisEntryDate != ''){
	　　　　thisEntryDate = thisEntryDate.replace(/-/g,"/");
	　　　　var normalDate = new Date(thisEntryDate);//转为标准时间格式
	　　　　normalDate.setFullYear(normalDate.getFullYear()+1);//将年份加1年
　　　　var formatDateTime = function (date) { 
　　　　var y = date.getFullYear(); 
　　　　var m = date.getMonth() + 1; 
　　　　m = m < 10 ? '0' + m : m; 
　　　　var d = date.getDate(); 
　　　　d = d < 10 ? ('0' + d) : d; 
		var h =date.getHours();
		h = h < 10 ? '0' + h : h; 
		var i = date.getMinutes();
		i = i < 10 ? '0' + i : i; 
		var s = date.getSeconds();
		s = s < 10 ? '0' + s : s; 
		 
　　　　return y + '-' + m + '-' + d + ' '+ h +':'+ i + ':' +s; 
	　　　　}; 
	　　　　var forContract_deadline = formatDateTime(normalDate)
	　　　　$("#vipExp").val(forContract_deadline)
	　　}
	});

/* $("#vipState").on('change',function(){

	　　　　var vipState = 2
	　　　　$("#vipState").val(vipState)
	　　}
	});	
    	 */
    	
    	
    	/* 分界线 */
		
				$("#form-vip-edit").validate({
			rules:{
				vipTel:{
					required:true,
					checkTel:true
				}
			
			}
		});
		$.validator.addMethod(
				"checkTel",
				function(value, element, params) {
					var checkTel = /^0?(13[0-9]|14[5-9]|15[012356789]|166|17[0-8]|18[0-9]|19[8-9])[0-9]{8}$/;
					return this.optional(element) || (checkTel.test(value)); 
					}, "请输入正确的电话号码"

		);
		
		function submitHandler() {
	        if ($.validate.form()) {
	            $.operate.save("/vip/edit", $('#form-vip-edit').serialize());
	        }
	    }//展示服务类型名称
		 tovipName();
	        function tovipName(){
	        	$.ajax({
	                type: "post",
	                url: "/vip/selectTovipName",
	                dataType: "json",
	                success: function(res){
	                    if (null != res) {
	                       var html= '';
	                        Object.keys(res).forEach(function(key){
	                            html += '<option value="' + res[key].tovipId + '" label="'+ res[key].tovipName+'"></option>';
	                        });
	                        $('#tovipId').html(html);
	                         var Flag=$("#tovipIdVal").val();
	                         //根据值让option选中 
	                             $("#tovipId option[value='"+Flag+"']").attr("selected","selected");
	                  

	                    }}
	             });
	           
	        	 
	        }
	</script>
</body>
</html>
